<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>试卷知识点分析</title>
    <link href="./css/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
    <link href="./css/stu-rank.css" rel="stylesheet">
    <link href="./css/tea-common-css.css" rel="stylesheet">
    <script src="./js/jquery.js"></script>
    <script src="https://cdn.bootcss.com/echarts/3.6.0/echarts.min.js"></script>
    <script src="./css/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/option-rate-echart.js"></script>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
        <script src="./js/respond.js"></script>
    <![endif]-->
</head>
<body>
    <header>
        
        <h1 class="report-title">
            <img src="./img/report-title.png" alt=""/>数学(理科)考试分析报告</h1>
        <div class="menu">
            当前视角
            <div class="btn-group ry-drop-down choose-sense">
                <button type="button" class="btn btn-default dropdown-toggle choose-sense" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    数学科任教师 <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">数学科任教师</a></li>
                    <li><a href="#">语文科任教师</a></li>
                    <li><a href="#">XXXX</a></li>
                </ul>
            </div>
        </div>
    </header>
    <nav class="choose-subject">
        <div>
            <h2>2017年中阳县高三年级第七次名校联考</h2>
        </div>
        <div>
            <ul class="nav nav-pills nav1">
                <li class="active"><a href="#">数学（理）</a></li>
                <li><a href="#">数学（文）</a></li>
            </ul>
        </div>
    </nav>
    <section class="full-back">
        <div class="left-area">
            <div class="ry-teach-repo-div">
                <ul class="nav nav-pills nav-stacked ry-teachrepotr-nav-left">
                    <li><a href="./index.html"><div><span class="glyphicon glyphicon-home"></span></div>首页概述</a></li>
                    <li><a href="./online-rate.html"><div><span class="glyphicon glyphicon-signal"></span></div>重要数据统计</a></li>
                    <li class="active"><a href="./question-analyze.html"><div><span class="glyphicon glyphicon-list-alt"></span></div>试题分析</a></li>
                    <li><a href="./knowledge-point-analyze.html"><div><span class="glyphicon glyphicon-education"></span></div>试题知识点分析</a></li>
                    <li><a href="#"><div><span class="glyphicon glyphicon-tasks"></span></div>试卷质量分析</a></li>
                </ul>
                <a href="####" class="toggle-nav-button"><img src="./img/toggle-button.png"></a>
            </div>
        </div>
        <div class="row main-view">
            <div class="tea-report-navrow">
                <!-- 导航菜单 nav2 -->
            </div>
            <div class="col-lg-12">
                <div class="main-report-title">
                    <button type="button" class="btn ry-btn-blue fr">导出Word文档</button>
                    <h1>试题分析</h1>
                    <p>详细了解各试题的学生答题情况</p>
                </div>
                <form action="" class="choose-form">
                    <ul>
                        <li class="clearfix">
                            <div>选择查看班级</div>
                            <div class="fl">
                                <div class="choose-class">
                                    <label class="checkbox-inline ry-checkbox">
                                        <input type="checkbox" id="inlineCheckbox1" value="option1"> 全部所教班级
                                    </label>
                                </div>
                                <div class="choose-class">
                                    <label class="radio-inline ry-radio">
                                        <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 高三一班
                                    </label>
                                    <label class="radio-inline ry-radio">
                                        <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 高三二班
                                    </label>
                                    <label class="radio-inline ry-radio">
                                        <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 高三三班
                                    </label>
                                    <label class="radio-inline ry-radio">
                                        <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 高三四班
                                    </label>
                                    <label class="radio-inline ry-radio">
                                        <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 高三五班
                                    </label>
                                    <label class="radio-inline ry-radio">
                                        <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 高三六班
                                    </label>
                                </div>
                            </div>
                        </li>
                    </ul>
                </form>
                <div class="fr mt15">
                    <div class="legend">
                        图例：<span class="question-number-red"></span>整体题型失分率大于0.6&nbsp;
                            <span class="question-number-orange"></span>整体题型失分率0.4-0.6之间&nbsp;
                            <span class="question-number-white"></span>整体题型失分率低于0.4&nbsp;
                        </div>
                </div>
                <div class="question-analyze">
                    <h3>客观题</h3>
                    <div>
                        <button type="button" class="btn question-number question-number-white">1</button>
                        <button type="button" class="btn question-number question-number-white">2</button>
                        <button type="button" class="btn question-number question-number-white">3</button>
                        <button type="button" class="btn question-number question-number-white">4</button>
                        <button type="button" class="btn question-number question-number-orange">5</button>
                        <button type="button" class="btn question-number question-number-white">6</button>
                        <button type="button" class="btn question-number question-number-red">7</button>
                        <button type="button" class="btn question-number question-number-white">8</button>
                        <button type="button" class="btn question-number question-number-white">9</button>
                        <button type="button" class="btn question-number question-number-white">10</button>
                        <button type="button" class="btn question-number question-number-orange">11</button>
                        <button type="button" class="btn question-number question-number-red">12</button>
                        <button type="button" class="btn question-number question-number-white">13</button>
                        <button type="button" class="btn question-number question-number-red">14</button>
                        <button type="button" class="btn question-number question-number-orange">15</button>
                        <button type="button" class="btn question-number question-number-white">16</button>
                        <button type="button" class="btn question-number question-number-white">17</button>
                    </div>
                </div>
                <div class="question-analyze mt15">
                    <h3>主观题</h3>
                    <div>
                        <button type="button" class="btn question-number question-number-orange">18</button>
                        <button type="button" class="btn question-number question-number-white">19</button>
                        <button type="button" class="btn question-number question-number-red">20</button>
                    </div>
                </div>
                <div class="question-header">
                    <span>第3题</span>
                </div>
                <div class="question-info">
                    <h3>题目信息</h3>
                    <div class="question-pic">
                        <img src="./img/question.png" alt="">
                    </div>
                </div>
                <div class="question-info answer-info">
                    <h3>正确答案</h3>
                    <div class="answer-pic">
                        <img src="./img/answer.png" alt="">
                    </div>
                </div>
                <div class="question-info">
                    <h3>解题思路</h3>
                    <div class="question-pic">
                        <img src="./img/answer-step.png" alt="">
                    </div>
                    <div class="question-step-analyze">
                            <div class="fl">
                                <div>满分：<span>3分</span></div> 
                                <div>班级错误人数：<span>80人，占80%</span></div> 
                            </div>
                            <div class="fl">
                                <div>难度：<span>0.7</span></div> 
                                <div>参加答题人数：<span>100人</span></div> 
                            </div>
                            <div class="fl">
                                <div>区分度：<span>0.2</span>班级平均分：<span>2.5分</span>校平均分：<span>2.5分</span></div> 
                                
                            </div>
                    </div>
                </div>
                <div class="question-info">
                    <h3>选项占比</h3>
                    <div class="row option-rate">
                        <div class="col-md-12 col-lg-6" id="option-rate-echart">

                        </div>
                        <div class="col-md-12 col-lg-6">
                            <table class="table table-striped ry-table-striped">
                                <tbody>
                                    <tr><td>选A（7人）</td><td><a href="####">陈依彬</a>、<a href="####">马鹏飞</a>、<a href="####">牛梦乐</a>、<a href="####">石航</a>、<a href="####">郭明威</a>、<a href="####">张舒雅</a></td></tr>
                                    <tr><td>选B（7人）</td><td><a href="####">陈依彬</a>、<a href="####">马鹏飞</a>、<a href="####">牛梦乐</a>、<a href="####">石航</a>、<a href="####">郭明威</a>、<a href="####">张舒雅</a></td></tr>
                                    <tr><td>选C（7人）</td><td><a href="####">陈依彬</a>、<a href="####">马鹏飞</a>、<a href="####">牛梦乐</a>、<a href="####">石航</a>、<a href="####">郭明威</a>、<a href="####">张舒雅</a></td></tr>
                                    <tr><td><img src="./img/table-right-answer.png" alt="">选D（25人）</td><td><a href="####">陈依彬</a>、<a href="####">马鹏飞</a>、<a href="####">牛梦乐</a>、<a href="####">石航</a>、<a href="####">郭明威</a>、<a href="####">张舒雅</a>、
                                                               <a href="####">陈依彬</a>、<a href="####">马鹏飞</a>、<a href="####">牛梦乐</a>、<a href="####">石航</a>、<a href="####">郭明威</a>、<a href="####">张舒雅</a>、
                                                               <a href="####">陈依彬</a>、<a href="####">马鹏飞</a>、<a href="####">牛梦乐</a>、<a href="####">石航</a>、<a href="####">郭明威</a>、<a href="####">张舒雅</a></td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="question-info answer-info excellent-info">
                    <h3>优秀作答</h3>
                    <div class="excellent-answer">
                        <a href="####">点击查看</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="back-home"><button type="button" class="btn btn-default"><span class="glyphicon glyphicon-arrow-left"></span>&nbsp;返回报告首页</button></div>
    </section>
    <footer>
        
    </footer>
</body>
</html>